@CHARSET "UTF-8";
[v-cloak] {
	visibility: hidden;
}

input[type=checkbox] {
	width: 0.8rem;
	height: 0.8rem;
	vertical-align: middle;
}

.text-center {
	text-align: center;
	vertical-align: middle;
}

.alert-primary {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}

.alert-secondary {
	color: #383d41;
	background-color: #e2e3e5;
	border-color: #d6d8db !important;
}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

.alert-danger {
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}

.alert-warning-important {
	color: #856404 !important;
	background-color: #fff3cd !important;
	border-color: #ffeeba !important;
}

.alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
}

.alert-light {
	color: #818182;
	background-color: #fefefe;
	border-color: #fdfdfe;
}

.alert-dark {
	color: #1b1e21;
	background-color: #d6d8d9;
	border-color: #c6c8ca;
}

.bg-primary {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.bg-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.bg-success {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}

.bg-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.bg-warning {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}

.bg-info {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}

.bg-light {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}

.bg-dark {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

.button-default {
	border: 1px solid #0894ec;
	color: #0894ec;
}

.button-success {
    border-color: #28a745;
    color: #28a745;
}

.button-success.button-fill {
    color: #fff;
    background-color: #28a745;
}

.iconfont {
	font-size: 1.5rem;
}

.bar-tab .tab-item.active, .bar-tab .tab-item:active {
	color: #dc3545;
}

.button-bar .button {
	float: left;
	margin-right: 0.2rem;
}

.text-area {
	width: 100%;
	border: 0;
	border-bottom: 1px solid #f0f0f0;
	padding: 0.5rem;
}

.order-status-badge {
	position: absolute;
	top: .2rem;
	left: 73%;
	z-index: 100;
	height: .8rem;
	min-width: .8rem;
	padding: 0 .2rem;
	font-size: .6rem;
	line-height: .8rem;
	color: #fff;
	vertical-align: top;
	background: red;
	border-radius: .5rem;
	margin-left: .1rem;
}

.item-media span.require {
	color: #dc3545;
}

.sales-header {
	background: -webkit-linear-gradient(#6ab3ff, #3fbbc5);
	background: -o-linear-gradient(#6ab3ff, #3fbbc5);
	background: -moz-linear-gradient(#6ab3ff, #3fbbc5);
	background: linear-gradient(#6ab3ff, #3fbbc5);
	color: #fff;
	text-align: center;
}
.sales-wellcome {
	padding: 1rem 0;
}
.sales-wellcome img {
	width: 2rem;
    height: 2rem;
    vertical-align: middle;
}
.sales-amount {
	text-align: left;
	padding: 1rem 0;
	padding-left: 20%;
}
.sales-amount span {
	color: #f0f02b;
	font-size: 20px;
}
.sales-goods {
	padding: .85rem 0;
	font-size: 14px;
}
.sales-award {
	font-size: 14px;
}